@charset "utf-8";
/* CSS Document */

body,html{margin:0;padding:0;font-family: Microsoft YaHei; font-size: 1rem;  line-height: 1.5; color: #373a3c; background-color: #fff; width:100%; max-width:100%; min-width:1250px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,tr,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
input:hover,input:active,input:focus,textarea:hover{ outline: 0;}
ul,ul li,input, dl, dd {  padding:0; margin:0; list-style-type:none;}
img,a img{border:0;margin:0;padding:0;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{text-decoration:none; color:#444; -moz-transition: all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;transition:all 0.5s; }
a:hover{text-decoration:none; }
.fl{float:left;}
.fr{float:right;}
textarea{resize:none; overflow:auto;}
.clearfix::after {content:""; display: block; clear:both; }
.clearfix{zoom:1;}
.clear { clear: both;font-size: 0;height: 0;line-height: 0;}
.baseDiv{ width:1250px; margin:0 auto; margin-left:auto !important; margin-right:auto !important; }


/*top*/
.head{ width:100%; position:relative; z-index:1000;}
.head .head_top{height:40px; line-height:39px; font-size:14px; color:#dddddd; background-color:#313131; }
.head .head_top .spanN{ padding:0 15px; color:#666; font-size:12px; }
.head .head_top a{ color:#dddddd; font-size:13px;}
.head .head_top a:hover{ text-decoration:underline; color:#fff; }
.head .head_logo{height:135px; }
.head .head_logo .logoDiv{float:left; display:block; width:299px; height:135px; background:url(../images/logo.png) left center no-repeat; position:relative; z-index:10;}
.head .head_logo .logo02{   height:135px; width:300px; margin-left:80px;}
.head .head_logo .l1{ margin-top:36px;}
.head .head_logo .l1 .ewm{ width:79px; height:79px; background:url(../images/ewm.png) center center no-repeat; background-size:90%; margin-left:20px; border:1px solid #ddd; }
.head .head_logo .l1 .div1{text-align:center; position: relative; padding-left:75px;}
.head .head_logo .l1 .div1::before{
    content: '';
    display: block;
    width:60px;
    height:60px;
    background: url(../images/a_phone.png) center center no-repeat;
    position: absolute;
    top:0;
    left:0;
}
.head .head_logo .l1 .div1 .span1{ display:block; color:#666; font-size:16px; padding-bottom:5px;}
.head .head_logo .l1 .div1 .span2{ display:block; background-color:#f7c61a; color:#fff; font-size:33px; font-weight:lighter; line-height:35px; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; padding:1px 30px; border-radius:15px;}


.head .head_logo .top_ewm{height:50px; width:50px; position:relative; z-index:100; border-radius:100%;}
.head .head_logo .top_ewm01{ background:#f4f4f4 url(../images/icon01.png) center center no-repeat;}
.head .head_logo .top_ewm .img{ width:84px; height:84px; background:url(../images/swt-icon.png) center center no-repeat; position:relative;z-index:100; margin:8px;}
.head .head_logo .top_ewm .img img{ display:block; width:100%;}
.head .head_logo .top_ewm .showImg{ display:none; position:absolute; top:100%; margin-top:12px; left:50%; width:170px; background-color:#fff; margin-left:-85px; border-radius:5px; border:1px solid #ebebeb; box-shadow:0 3px 10px rgba(0,0,0,0.1); border-top:2px solid #dc0000;}
.head .head_logo .top_ewm .showImg::after{ content:''; display:block; width: 0; height:0; border-left: 6px solid transparent; border-right: 6px solid transparent;  border-bottom: 8px solid #dc0000; position:absolute; left:50%; top:-10px; z-index:100; margin-left:-7px;}
.head .head_logo .top_ewm .showImg img{ display:block; width:140px; margin:15px auto; margin-bottom:0; }
.head .head_logo .top_ewm .showImg span{ display:block; text-align:center; color:#dc0000; font-size:14px; padding:5px 0 15px 0; }
.head .head_logo .top_ewm:hover .showImg{ display:block; }


.nav{ position:relative; width:100%; background:#0657b2; border-bottom:5px solid #014596;}
.navMain{ position:relative;}
.nav .navMain .navLi{ float:left; position:relative;  width:11.111%;}
.nav .navMain .navLi.indexLi{ margin-left:0; }
.nav .navMain .navLi.indexLi a.a1{ border:0;}
.nav .navMain .navLi a.a1{ display:block; color:#fff; position:relative; height:53px; line-height:55px; width:100%; text-align:center; font-size:15px; border-left:1px solid #064491; font-weight:500; overflow:hidden;}
.nav .navMain .navLi a.a1::after{ display: block; content:''; position:absolute; bottom:-1px; left:50%; width:40px; height:0px; border-bottom:1px solid #ffbf00; margin-left:-20px; -moz-transition: all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;transition:all 0.3s;  }
.nav .navMain .navLi:hover a.a1,.nav .navMain .navLi.active a.a1{ color:#ffc600; background-color:#014596;}
.nav .navMain .navLi:hover a.a1::after,.nav .navMain .navLi.active a.a1::after{bottom:10px;}
.nav .navMain .navLi .dh2{ width:420px; padding:10px 0; top:100%; left:0; position:absolute; z-index:1000; display:none; overflow:hidden; -moz-transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s; background-color:#fff; border-top:3px solid #ffbf00; }
.nav .navMain .navLi .dh2 a.a2{ display:block;  width:190px; float:left; margin-left:10px; background-color:#fff; color:#333; line-height:20px; font-size:15px; padding:15px 0; border-bottom:1px solid #ebebeb;}
.nav .navMain .navLi .dh2 a.a3 span{}
.nav .navMain .navLi .dh2 a.a2 span{ padding-left:15px;}
.nav .navMain .navLi .dh2 a.a2:hover span{  }
.nav .navMain .navLi .dh2 a.a2:hover,.nav .navMain .navLi .dh2 a.a3:hover{ color:#fff; background-color:#0657b2; }
.nav .navMain .navLi .dh2 a.a3{ display: block; width:200px; float:left; line-height:20px; font-size:14px; padding:15px 0; margin:0px 5px; border-bottom:1px solid #ebebeb; }
.nav .navMain .navLi:hover .dh2{ display:block;}

/*banner*/
.banner{ width:100%; background:#fafafa; position:relative; z-index:11; overflow:hidden;}
.banner_slides{ position:relative; overflow:hidden; width:100%; margin:auto; }
.banner_slides , .slides_container,.slides_control ,.banner_pic{ height:599px;}
.banner_slides li.slidesjs-slide{width:100%; height:599px;}
.banner_slides li a{}
.banner_pic{display:block; width:100%; height:599px;}
.slides_btn{position:absolute; z-index:999;display:block;width:100px;height:100px;margin-top:-50px;top:50%;overflow: hidden;text-indent:-9999px; background-color:#fff;filter:alpha(opacity=20); /*IEÂ˾µ£¬Í¸Ã÷¶È50%*/-moz-opacity:0.2; /*Firefox˽ÓУ¬Í¸Ã÷¶È50%*/opacity:0.2;/*ÆäËû£¬Í¸Ã÷¶È50%*/ background-position: center center; background-repeat:no-repeat; border-radius:100%; }
.banner:hover .slides_btn{filter:alpha(opacity=80); -moz-opacity:0.8; /*Firefox˽ÓУ¬Í¸Ã÷¶È50%*/opacity:0.8;}
.btn_previous{ left:-100px; background-image:url(../images/pre01.png);}
.btn_previous:hover{ background-color:#0565d6;background-image:url(../images/pre02.png); }
.btn_next{ right:-100px; background-image:url(../images/next01.png);}
.btn_next:hover{ background-color:#0565d6;background-image:url(../images/next02.png); }
.banner:hover .btn_previous{left:4%;}
.banner:hover .btn_next{right:4%;}
/**/
.slides_pagination{ width:500px;height:10px;bottom:10px; right:50%; margin-right:-250px; position:absolute;z-index:100; text-align:center; }
.slides_pagination li{display:inline-block; width:33.33%;+float:left;}
.slides_pagination li a{display:inline-block; *display:inline; zoom:1; overflow:hidden; width:90%;height:3px;line-height:50px; background-color:#fff;}
.slides_pagination li a.active,.slides_pagination li a:hover.active,.slides_pagination li a:hover{ background:#ca0202;}
/*banner end*/


/**/
.ss{ overflow:hidden; line-height:37px; background-color:#f5f5f5; padding:16px 0;}
.ss .ssBox .ggt{ color:#000000;  font-size:15px; padding-right:15px; }
.ss .ssBox .ss_nr{ width:780px; overflow:hidden; white-space:nowrap; }
.ss .ssBox .ss_nr div{ display:inline-block; min-width:100%; font-size:15px; color:#999;}
.ss .ssBox .ss_nr div a{ color:#666; font-size:14px; margin-right:15px; display:inline-block;}
.ss .ssBox .ss_nr div a:hover{ color:#dc0000; text-decoration:underline;}

.searchBox{ position:relative;}
.searchBox .leftImg{ display:block; width:50px; height:37px; background:url(../images/ss.png) center center no-repeat;}
.searchBox .search_input{ display:block; float:left; height:37px; line-height:37px; border:0; background:none; font-family:"Microsoft YaHei"; font-size:14px; text-indent:1rem; background:url(../images/ssdh.png) left center no-repeat;width:240px; border:1px solid #9f9f9f; background:#fff;}
.searchBox .search_btn{ display:block;  z-index:10;width:49px; height:37px; background:#0758b4 url(../images/ss.png) center center no-repeat; border:0; cursor:pointer;}
.searchBox .search_btn:hover{ background-color:#ea9503;}




.baseTitle{margin:auto; position:relative;}
.baseTitle .div1{ text-align:center; line-height:40px; background:url(../images/title.png) bottom center no-repeat; padding:4px 0 12px 0; width:400px; margin:auto;font-weight:700; border-top:1px solid #bbb;}
.baseTitle .div1 .span1{ color:#188a00; font-size:26px;}
.baseTitle .div1 .span2{ color:#ffbf00; font-size:27px;}


/*产品分类*/
.indexClass{ padding:30px 0 0 0; background:#fff /*url(../images/classbg.jpg) bottom center no-repeat*/; position:relative;}
.indexClass .title{ text-align:center;}
.indexClass .title .div1{  padding-bottom:5px;}
.indexClass .title .div1 .span1{color:#000;  font-size:35px; font-weight:700;}
.indexClass .title .div1 .span2{color:#ddd;  font-size:30px; font-weight:700; padding-left:10px;}
.indexClass .title .div2{ font-size:15px; color:#b7b7b7;}
.indexClass .index_class{ padding:30px 0 0px 0;}
.indexClass .index_class ul{}
.indexClass .index_class ul li{ float:left; width:12.5%; padding:5px 0;}
.indexClass .index_class ul li a{ display: table; width:100%; text-align:center; margin:auto; height:101px;  font-size:15px; color:#fff; position:relative;background:url(../images/classbg.png) center center no-repeat;}
.indexClass .index_class ul li .spanT{ height:40px;line-height:40px; vertical-align:middle; text-align:center; background-color:#6fa431; display:block; width:90%; margin:auto; margin-top:32px; border-radius:30px;}
.indexClass .index_class ul li .spanT span{ }
.indexClass .index_class ul li a:hover .spanT{ background-color:#dc0000;}

/*产品*/
.indexMain{position:relative; padding:40px 0; background:#fff;}
.indexMain .product{ position:relative; z-index:10;}
.leftNav{ width:270px; background-color:#0657b2;}
.leftNav .t{ height:100px; text-align:center;}
.leftNav .t .div1{ color:#fff; font-size:33px; font-weight:700; padding-top:11px;}
.leftNav .t .div2{ color:#80add4; font-size:13px;text-transform:Uppercase; padding-top:5px;}
.leftNav .classUl{ width:258px; margin:auto; background-color:#fbfbfb; padding:5px 0 15px 0;}
.leftNav .classUl li{ margin-top:12px;}
.leftNav .classUl li a.a1{ display:block; height:45px; line-height:45px;  background-color:#0451a9; color:#fff; border-radius:40px; width:85%; margin:auto; position:relative; font-size:15px;}
.leftNav .classUl li a.a1 span{ padding-left:25px;}
.leftNav .classUl li a.a1 em{ display:block; position:absolute; height:20px; width:20px; background:url(../images/sanjiao.png) center center no-repeat;right:20px; top:50%; margin-top:-10px; }
.leftNav .classUl li.active a.a1,.leftNav .classUl li a.a1:hover{ background-color:#f7c61a; }
.leftNav .classUl li a.a2{ display:block; margin-left:45px; height:40px; line-height:40px; font-size:13px; color:#666; margin-top:5px; border-radius:30px; background-color:#fff; width:190px; }
.leftNav .classUl li a.a2 span{ padding-left:20px;}
.leftNav .classUl li a.a2:hover{ background-color:#0451a9; color:#fff;}
.leftNav .classUl li a.a1.a1_noto{ background-color:#fff; color:#666;}
.leftNav .classUl li a.a1.a1_noto:hover{ background-color:#0451a9; color:#fff;}


.leftNav .leftNav_bottom{ text-align:center; padding:15px 0;}
.leftNav .leftNav_bottom .div1{ font-size:24px; font-weight:700; color:#ffff09;padding:7px 0;}
.leftNav .leftNav_bottom .div2{ font-size:13px; color:#fff; position:relative; }
.leftNav .leftNav_bottom .div2 span{ display:inline-block; padding:0 20px; background-color:#0657b2; position:relative; z-index:2;}
.leftNav .leftNav_bottom .div2 em{ display:block; width:206px; position:absolute; z-index:1; height:0; border-bottom:1px solid #fff; left:50%; top:50%; margin:auto auto auto -103px;}
.leftNav .leftNav_bottom .div3{ color:#fff; font-size:17px; padding-top:25px;}
.leftNav .leftNav_bottom .div4{ color:#fff; font-size:30px; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;}

.prdListBox{}
.indexMain .productList{ overflow:hidden; width:950px;height:1035px; position:relative;}
.indexMain .productList ul{ overflow:hidden;width:966px;height:2217px;}
.indexMain .productList ul li{width:307px; margin:0 15px 15px 0px; float:left; position:relative; overflow:hidden; } 
.indexMain .productList ul li .boxa{ display:block; cursor:pointer; width:303px; margin:auto; position:relative; border:2px solid #f5f1f1;padding-bottom:8px;}
.indexMain .productList ul li .boxa .spanImg{ display:block; overflow:hidden;height:210px;position:relative;background-position:center center; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; background-size:cover; width:283px; margin:10px;}
.indexMain .productList ul li .aB{ width:100%;height:70px; position: absolute; background: rgba(0,0,0,0.5); overflow: hidden; left: 0; top:-70px; z-index: 5;-moz-transition: all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;transition:all 0.3s; }
.indexMain .productList ul li .aB .m{ display:block; float:left; width:90px; text-align:center; line-height:35px; height:35px; background-color:#f1cb2e; color:#fff; font-size:14px; margin-left:41px; margin-top:17px; border-radius:35px;}
.indexMain .productList ul li:hover .aB{ top:0;}
.indexMain .productList ul li .spanT{ display:block; z-index:10; height:30px; line-height:30px; margin:auto; text-align:center;color:#666; font-size:14px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; background-color:; }
.indexMain .productList ul li .spanT:hover{ color:#e0222c;}
.indexMain .product_time{ display:block; position:relative; line-height:30px; text-align:center;}
.indexMain .product_time span{ display:inline-block; padding:0 20px; color:#b7b7b7; font-size:13px; background-color:#fff; position:relative; z-index:10;}
.indexMain .product_time em{ display:block; position:absolute; z-index:1; left:50%; top:50%; height:0; border-top:1px solid #ddd; width:166px; margin-left:-83px;}


/*广告*/
.guanggao{ height:200px; background:url(../images/guanggao.jpg) center center no-repeat;}
.guanggao .tel{ margin:auto auto auto 860px; padding-left:70px; background:url(../images/guanggao_tel.png) left center no-repeat; position:relative; top:90px;}
.guanggao .tel .div1{ color:#fff; font-size:16px; line-height:25px; font-weight: bold;}
.guanggao .tel .div2{ color:#ffff09; font-size:35px; font-weight:700;}

/*¹关于我们*/
.about{ background:#fff url(../images/aboutbg.jpg) center center no-repeat; padding:40px 0; position:relative; }

.about .aboutBox{ position:relative;}
.about .aboutBox .bg{ width:704px; height:434px; background:url(../images/aboutB.png) left center no-repeat; position: absolute; z-index:1; left:0; bottom:0px;}
.about .aboutBox .img{ width:301px; height:460px; background:url(../images/about.png) top left no-repeat; position:relative;z-index:10; padding-bottom:0px;}
.about .about_right{ position:relative;z-index:10; width:865px; }
.about .about_right .title{ text-align:center; position:relative; margin-top:80px;}
.about .about_right .title .div1{ line-height:80px; font-size:42px; color:#0756b3; font-weight:700; height:70px; }
.about .about_right .title .dh01{ height:70px; width:85px; background:url(../images/about_dh01.png) center center no-repeat; position:absolute; left:0; top:0;} 
.about .about_right .title .dh02{ height:70px; width:85px; background:url(../images/about_dh02.png) center center no-repeat; position:absolute; right:0; top:0;} 
.about .about_right .biaoqian{ position:relative; text-align:center; margin-top:30px;}
.about .about_right .biaoqian a{ display:inline-block; padding:0 30px; background-color:#eab706; color:#fff; height:55px; line-height:55px; font-size:23px; margin:0 30px; border-radius:48%; position:relative; z-index:10;}
.about .about_right .biaoqian .b{ position:absolute; z-index:1; top:50%; width:84%; left:8%; border-top:1px solid #333;}
.about .about_right .aboutNR{ color:#333; font-size:15px; height:140px; line-height:35px; overflow:hidden;  margin:auto; margin-top:25px;}

/*优势*/
.youshi{ width:100%; min-width:1250px; background-color:#fff;}
.youshi .youshi01{ width:100%; height:533px; background:url(../images/youshi01.jpg) top center no-repeat;}
.youshi .youshi02{ width:100%; height:689px; background:url(../images/youshi02.jpg) top center no-repeat;}
.youshi .youshi03{ width:100%; height:365px; background:url(../images/youshi03.jpg) top center no-repeat; position: relative;}
.youshi .youshi03 .tel{ text-align:right; font-size:20px; color:#dc0000; padding-top:268px; font-weight:700;}
.youshi .youshi03 .tel span{ padding-right:160px;}

/*新闻*/
.indexNews{ padding:40px 0;  background:#fff;}
.indexNews .nb01{ height:7px; background:url(../images/xgray_line06.png) repeat; margin:15px auto;}
.indexNews .nb02{ height:1px; border-top:1px solid #4eaf00; border-bottom:1px solid #4eaf00; display:none;}
.indexNews .newsBox{}
.indexNews .newsLeft{ width:735px;}
.indexNews .newsLeft .newsT{}
.indexNews .newsLeft .newsT .div1{ height:52px; width:528px; background:url(../images/newsT.png) left top no-repeat;}
.indexNews .newsLeft .newsT .m{ display:block; width:13px; height:47px; background-color:#000; margin-left:10px;}
.indexNews .newsLeft .newsT .m:hover{ width:20px;}
.indexNews .newsLeft .news01{ padding-top:40px;}
.indexNews .newsLeft .news01 .imga{ display: block; width:255px; height:150px; background-size:cover;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-position:center center; }
.indexNews .newsLeft .news01 .nr{ width:445px;}
.indexNews .newsLeft .news01 .nr .a1{ display:block;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; font-size:16px; color:#333;}
.indexNews .newsLeft .news01 .nr .a1:hover{ color:#dc0000; text-decoration:underline;}
.indexNews .newsLeft .news01 .nr .desc{ height:66px; line-height:22px; font-size:13px; color:#999; overflow:hidden; margin-top:10px; }
.indexNews .newsLeft .news01 .nr .btm{ padding-top:20px;}
.indexNews .newsLeft .news01 .nr .btm .m{ display:block; padding:0 20px; background-color:#000; color:#999; font-size:13px; height:30px; line-height:30px;}
.indexNews .newsLeft .news01 .nr .btm .m:hover{ background-color:#eab706; color:#fff;}
.indexNews .newsLeft .news01 .nr .btm span{display:block; padding-left:28px; color:#b7b7b7; font-size:13px; line-height:30px; margin-left:35px; }
.indexNews .newsLeft .news01 .nr .btm .time{ background:url(../images/time.png) left center no-repeat;}
.indexNews .newsLeft .news01 .nr .btm .view{ background:url(../images/view.png) left center no-repeat;}
.indexNews .news_list{border-top:1px dashed #aaa; margin-top:30px; padding-top:20px;}
.indexNews .news_list li{ padding:3px 0; }
.indexNews .news_list li a{ display:block; line-height:30px;}
.indexNews .news_list li a .spanT{ display:block;font-size:14px; color:#666;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; width:500px;background:url(../images/newsList.png) left center no-repeat; padding-left:20px;}
.indexNews .news_list li .time{ display:block; font-size:13px; color:#999; }
.indexNews .news_list li:last-child,.indexNews .news_list li:nth-child(9){}
.indexNews .news_right{ background-color:#fff; width:460px;}
.indexNews .news_right .title{ padding:0 0 12px 0;height:40px; line-height:37px; border-bottom:1px solid #ddd;}
.indexNews .news_right .title .span1{ color:#0756b3; font-size:22px; display:block;padding-left:20px; border-left:4px solid #000; font-weight:700;  }
.indexNews .news_right .title .span2{ padding-left:20px; color:#b7b7b7; font-size:14px;}
.indexNews .news_right .title .m{ display:block; float:right; font-size:13px; line-height:30px; padding:0 15px; background-color:#eab706; color:#fff; margin-top:3px;}
.indexNews .news_right .title .m:hover{ background-color:#eab706;}
.indexNews .news_right .wtList{ padding-top:20px;}
.indexNews .news_right .wtList li{ padding:22px 0; border-bottom:1px dotted #bbb;}
.indexNews .news_right .wtList li a{ display:block; padding-left:45px; background:url(../images/wenDa.png) left top no-repeat;}
.indexNews .news_right .wtList li a .spanT{ display:block;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; font-size:14px; color:#333; line-height:22px;}
.indexNews .news_right .wtList li a:hover .spanT{color:#dc0000; text-decoration:underline;}
.indexNews .news_right .wtList li a .desc{ height:50px; line-height:25px; overflow:hidden; color:#888; font-size:13px; margin-top:15px; }

/*荣誉*/
.cases{ position:relative; background:#fff url(../images/rognyubg.jpg) center center no-repeat; width:100%; min-width:1250px; overflow:hidden;}
.cases .caseList{  overflow:hidden;position:relative; z-index:10;}
.cases .caseList ul{}
.cases .caseList li{ float:left; margin-left:20px;}
.cases .caseList li .xx01{ height:76px; width:100%; background:url(../images/rognyu01.png) center bottom no-repeat;}
.cases .caseList li .xx02{ height:76px; width:100%; background:url(../images/rognyu02.png) center bottom no-repeat;}
.cases .caseList li a.imga{display:block; margin:auto;  }
.cases .caseList li a.imga .spanImg{display:block; width:298px; height:202px; overflow:hidden; background-position:top center; background-size:cover;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; position:relative;}
.cases .caseList li a.imga .spanImg .aB{display:block; width:100%;height:130px; position: absolute; background: rgba(0,0,0,0.5); overflow: hidden; left: 0; bottom:-130px; z-index: 5; text-align:center;-moz-transition: all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;transition:all 0.3s;}
.cases .caseList li a.imga .spanImg .aB em{ display:inline-block; padding:0 25px; height:40px; line-height:40px; background-color:#f1cb2e; color:#fff; font-size:14px; border-radius:40px; position:relative; top:45px;}
.cases .caseList li a.imga:hover .spanImg .aB{ bottom:0;}
.cases .caseList li .spanT{ background-color:rgba(0,0,0,0.5); display:block; color:#fff; text-align:center; overflow:hidden; white-space: nowrap;text-overflow:ellipsis; font-size:15px; width:100%;line-height:70px; height:70px; position:absolute; left:0; top:-70px;-moz-transition: all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;transition:all 0.3s;}
.cases .caseList li a.imga:hover .spanImg .spanT{ top:0;}

.cases .caseList li .titleBox a:hover{}
.cases .caseList li .imga:hover{}
.cases .caseList li .imga:hover img{}
.cases .caseList .box{ width:9999px; position:relative; z-index:10;}
.cases .caseList .box ul{ float:left;}


/*案例*/
.anli{ padding:40px 0; background:url(../images/anlibg.jpg) center center no-repeat; width:100%; min-width:1250px; overflow:hidden;}
.anli .t{ height:70px; background:url(../images/caseT.png) center center no-repeat;}
.anli .anliList{ position:relative; overflow:hidden; padding-top:40px;}
.anli .anliList li{ float:left;}
.anli .anliList li .imga{ display:block; width:297px; margin-right:20px;}
.anli .anliList li .imga .spanImg{ height:170px; width:170px; border-radius:100%; border:2px solid #f4c10e; display:block; background-size:cover;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-position:center center; margin:auto; }
.anli .anliList li .imga .desc{ width:100%; height:128px; text-align:center; background:url(../images/anli_list.png) center top no-repeat; margin-top:-40px;}
.anli .anliList li .imga .desc .div1{ padding-top:60px; color:#333333; font-size:14px;overflow:hidden; white-space: nowrap;text-overflow:ellipsis; width:230px; margin:auto; }
.anli .anliList li .imga .desc .div2{ position:relative; height:30px; line-height:30px; margin-top:5px;}
.anli .anliList li .imga .desc .div2 span{ display:block; background-color:#fff; position:relative; z-index:10; font-size:13px; color:#999999; width:140px; margin:auto;}
.anli .anliList li .imga .desc .div2 em{ position: absolute; position:absolute; left:50%; top:50%; width:200px; margin-left:-100px; border-top:1px solid #b4cce8;}
.anli .anliList li:hover .spanImg{  transition: 1s;-webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); transform: rotateY(360deg);}
.anli .box{ width:9999px; position:relative; z-index:10;}
.anli .box ul{ float:left;}


/*联系我们*/
.index_lxwm{ padding:40px 0; background-color:#fff; overflow:hidden;}
.index_lxwm .box{ background-color:#0c54a6; padding:25px 0;}
.index_lxwm .box .ditu{width:845px; height:395px; margin-left:25px;}
.iw_poi_content{ padding:8px 0; line-height:25px; color:#666; font-size:14px;}
.BMap_cpyCtrl.BMap_noprint,.anchorBL img{ display:none !important;}
.BMap_scaleCtrl{ left:15px !important;}
.faqbox{ position:relative; width:295px; margin-right:35px;}
.faqbox .divLeft{ position:absolute; left:0; top:0;}
.faqbox .divLeft .div1{ position:absolute; top:0; left:-6px; width:12px; height:12px; border:1px solid #ccc; border-radius:100%;}
.faqbox .divLeft .div2{ height:297px; border-left:1px solid #ccccca; top:15px; position:absolute; left:0; width:0;}
.faqbox .divLeft .h{ width:35px; position:absolute; height:0; border-top:1px solid #ccccca;left:0;}
.faqbox .divLeft .div3{ top:58px;}
.faqbox .divLeft .div4{ top:111px;}
.faqbox .divLeft .div5{ top:164px;}
.faqbox .divLeft .div6{ top:237px;}
.faqbox .divLeft .div7{ top:312px;}
.faqbox .divt{ font-size:18px; color:#fff; margin-left:35px;}
.faqbox ul{ width:260px; margin-left:35px;}
.faqbox ul li{ width:100%; height:40px; background-color:#fff; margin-top:12px;}
.faqbox ul li span{ display:block; float: left; width:44px; height:40px; border-right:1px solid #ebebeb;}
.faqbox ul li input{ display:block; float:right; height:40px; line-height:40px; border:none; width:215px; text-indent:1rem; font-size:14px; color:#333; font-family:"微软雅黑";}
.faqbox ul li textarea{ height:85px; width:215px; max-width:215px; max-height:85px; border:0; padding:10px 0;text-indent:1rem; font-size:14px; color:#333; font-family:"微软雅黑";}
.faqbox ul li.li4 span{ height:85px;}
.faqbox ul li.li4{ height:85px;}
.faqbox ul li.li5 input{ width:100px; float:left;}
.faqbox ul li.li5 img{ display:block; float:right; width:150px;}
.faqbox .btn{ display:block; width:120px; height:40px; color:#fff; font-size:16px; background-color:#000; border:none; cursor:pointer; font-weight:700; margin-top:21px; margin-left:35px;}
.faqbox .btn:hover{ background-color:#f9aa18;}
.faqbox ul li.li1 span{ background:url(../images/ly01.png) center center no-repeat;}
.faqbox ul li.li2 span{ background:url(../images/ly02.png) center center no-repeat;}
.faqbox ul li.li3 span{ background:url(../images/ly03.png) center center no-repeat;}
.faqbox ul li.li4 span{ background:url(../images/ly04.png) center center no-repeat;}

/*友情链接*/
.youqing{ padding:0 0 40px 0; background-color:#fff;}
.youqing .youqingT{ height:51px; background:url(../images/youqingT.jpg) no-repeat;`}
.youqing .yqList{ padding-top:20px;}
.youqing .yqList li{ float:left; padding-right:20px; padding-left:20px; line-height:28px; background:url(../images/yq.png) left center no-repeat;}
.youqing .yqList li a{ color:#444; font-size:14px;}
.youqing .yqList li a:hover{ text-decoration:underline; color:#dc0000;}
	

/**/
.foot{ background-color:#0c54a6; position:relative;}
.foot .goTop{ display: block; height:36px; width:53px; top:-15px; background:url(../images/goTop.jpg) center center no-repeat; z-index:11; left:50%; position:absolute;}
.foot .nr{ width:1000px;}
.bottomNav{ text-align:left; margin-top:40px; line-height:30px;}
.bottomNav a{ display: block; float:left; color:#dddddd;font-size:15px;}
.bottomNav span{ display:block; padding:0 15px; color:#ddd; font-family:"宋体"; float:left; font-size:12px;}
.bottomNav a:hover{ }

.foot .foot01{ text-align:center; font-size:15px; color:#fff; height:40px; line-height:40px; background-color:#023f82; width:700px; border-radius:40px; margin-top:30px;}
.foot .foot01 span{ padding-left:30px;}
.foot .foot02{ height:41px; line-height:41px;  text-align:center; margin-top:15px;}
.foot .foot02 .span1{ display:inline-block;padding-left:50px; background:url(../images/leftTime.jpg) left center no-repeat; color:#fff; font-size:15px;}
.foot .foot02 .span2{ display:inline-block; padding-left:10px; color:#fff; font-size:15px;}
.foot .foot03{ text-align:center; color:#70acf1; font-size:14px; line-height:30px; padding-top:15px;}
.foot .foot03 a{ color:#70acf1;}

.foot .foot_ewm{height:265px; width:250px; background-color:#023f82; position:relative; z-index:100; text-align:center; }
.foot .foot_ewm .img{ width:155px; height:156px; background:url(../images/ewmbg.jpg) center center no-repeat; margin:auto; margin-top:25px;}
.foot .foot_ewm .img img{ display:block; width:140px; height:140px; margin:auto; position:relative; top:8px; }
.foot .foot_ewm .div1{ color:#dae606; font-size:22px; padding-top:8px;}
.foot .foot_ewm .div2{ color:#dddddd; font-size:14px;}

.foot .footLogo{ width:280px; height:140px; background:url(../images/footLogo.png) center center no-repeat; margin-top:30px;}

.foot p{ line-height:35px; text-align:left;}
.foot p .span1{ padding:0 10px; color:#fff; font-size:14px;}
.foot p a{ color:#fff; font-size:14px;}
.foot a:hover{text-decoration:underline;}

.copyright{font-size:13px; color:#666; padding:10px 0; line-height:25px; text-align:center; background-color:#000;}
.copyright .span1{ padding:0 30px 0 0;}
.copyright a{ color:#666;}
.copyright a:hover{ color:#fff;}

/**/
.breadcrumbs{margin-bottom:15px; font-size: 14px;line-height: 40px; background-color:#0657b2; border:10px solid #2271ca; padding:0 20px; color:#fff;}
.breadcrumbs a{color:#fff; font-size: 14px;}
.breadcrumbs a:hover{ text-decoration:underline;}
.breadcrumbs .sortName{ color:#fff; font-size:20px;}
.breadcrumbs .indexa{ padding-left:30px; background:url(../images/icon-home_61y0.png) left center no-repeat;}
/*·ÖÒ³*/
.page_nav{ padding:15px 15px; color:#999; font-size:14px; text-align:center; background-color:#fff;}
.page_nav .nolink{display:inline-block; margin:0 5px; padding:0 5px; height:25px; line-height:25px; border:1px solid #fff;}
.page_nav font,.page_nav a{ display:inline-block; margin:0 5px; padding:0 10px; border:1px solid #e5e5e5; height:25px; line-height:25px; border-radius:5px;}
.page_nav font{ border:1px solid #fff;}
.page_nav a:hover{ color:#fff; border:1px solid #54a530; background-color:#54a530}

.viewpage{ margin:0; padding:20px 0 50px 30px; border-top:1px solid #eee;}
.viewpage .main_r_nav{ color:#999; font-size:14px; line-height:30px;}
.viewpage .main_r_nav a{ font-size:14px; color:#444}
.viewpage .main_r_nav a:hover{ text-decoration:underline;}

/*分页*/
.fenye{ text-align:center; color:#666; font-size:14px; line-height:30px; padding:20px 0;}
.fenye .rows{ color:#666; font-size:13px; padding:0 10px;}
.fenye .current{ display: inline-block; color:#cc0000; font-size:14px; padding:0 5px;}
.fenye .num,.fenye .next{display:inline-block; margin:0 3px; padding:0 10px;  border:1px solid #ddd; color:#666; font-size:14px; height:28px; line-height:27px; border-radius:5px;}
.fenye .num:hover,.fenye .next:hover{ background-color:#cc0000; color:#fff; border:1px solid #cc0000;}



.main{ background-color:#fff; padding:50px 0;}
.main .main_right{ width:950px; overflow:hidden; min-height:880px;}
.text{ line-height:35px; font-size:15px; color:#444;padding:30px;}

.main .main_right.lb{ border-left:10px solid #f7c519;}
.text img{ max-width:100%;}
.main .tT01{ text-align:left; line-height:35px; margin-top:80px;}
.main .tT01 .span1{ float:left; height:5px; width:150px; background-color:#0657b2; margin-top:15px;}
.main .tT01 .span2{ float:left; font-size:30px; color:#000; font-weight:700; padding-left:30px;}
.main .subtitle{font-size: 13px; line-height:35px; height: 35px; color: #8F8F8F; text-align:left; padding-left:180px; padding-top:15px;}
.main .subtitle .span1{ float:left; padding:0 20px 0 30px; background:url(../images/time.png) left center no-repeat;}
.main .subtitle .span2{ float:left; padding:0 20px 0 30px; background:url(../images/view.png) left center no-repeat;}
.main .tT02{ text-align:left; line-height:35px; margin-top:80px;}
.main .tT02 .span1{height:5px; width:150px; background-color:#ebebeb; margin-top:15px; display:block;}
.main .tT02 .span2{ font-size:18px; color:#0657b2; text-align:center; width:150px; display:block; padding-top:10px; font-weight:700;}

.proTitle{ width:240px;}
.proTitle .t_t{ height:90px; background-color:#007f31; text-align:center;}
.proTitle .t_t .span1{ display:block; color:#fff; font-size:35px; font-weight:700; padding-top:5px;}
.proTitle .t_t .span2{ display:block; color:#fff; font-size:14px;}
.proTitle .pclass{ border:1px solid #ddd ; padding:10px 0;}
.proTitle .pclass li{}
.proTitle .pclass li a{ display:block; width:85%; margin:auto; height:50px; line-height:50px; border-bottom:1px dashed #aaa; color:#333; font-size:15px;}
.proTitle .pclass li a:hover{ background-color:#f4f4f4;}
.proTitle .pclass li a span{ display:inline-block; padding-left:40px; margin-left:5px; background:url(../images/icon_class.png) left center no-repeat; margin-left:10px;}
.proTitle .lxwm{ margin-top:20px;}
.proTitle .lxwm .t{ height:60px; line-height:60px; color:#fff; background-color:#007f31;}
.proTitle .lxwm .t .span1{ padding-left:25px; font-size:20px;}
.proTitle .lxwm .t .span2{ padding-left:10px; font-size:14px;}
.proTitle .lxwm .lxwm_box{ padding:15px 10px; border:1px solid #ddd;}
.proTitle .lxwm .lxwm_box p{ line-height:22px; color:#333; font-size:15px; padding:8px 0;}


/*在线留言*/
#faqbox{padding:90px 0 50px 0; background-color:#fff;}
#faqbox form{}
#faqbox .faqline{line-height:2em;text-align:left; padding-bottom:15px; color:#ff9900; font-size:14px;}
#faqbox .faqtit{width:200px;display:block;float:left;clear:both;text-align:right; color:#000; font-weight:700; line-height:70px; padding-right:10px;}
#faqbox .Content{line-height:2em;text-align:left; padding-bottom:10px;}
#faqbox font{margin:0 5px;}
#faqbox .FaqTitle{ height:70px; line-height:70px; padding:0 25px; border:none; width:700px; vertical-align:top; background-color:#f5f5f5; font-family:'Microsoft YaHei'; font-size:16px; color:#0b62cb;-moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;transition: all 0.3s;}
#faqbox .Content textarea{height:150px;outline: 0;}
#faqbox .FaqTitle:hover { box-shadow: 0 10px 10px rgba(43, 43, 43, 0.12);}
.wizfrm{ border:none;width:700px;height:80px;line-height:80px;font-size:30px; letter-spacing:10px;color:#fff;text-align:center;cursor:pointer;background:#fff; margin-top:20px; font-family:'Microsoft YaHei';-moz-transition: all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s; border-radius:5px;background-color:#f7c519; }
.wizfrm:hover{ background-color:#ff9900; }

/**/

.main .proList{ overflow:hidden;width:966px; padding-top:20px;}
.main .proList li{width:307px; margin:0 15px 15px 0px; float:left; position:relative; overflow:hidden; } 
.main .proList li .boxa{ display:block; cursor:pointer; width:303px; margin:auto; position:relative; border:2px solid #f5f1f1;padding-bottom:8px;}
.main .proList li .boxa .spanImg{ display:block; overflow:hidden;height:210px;position:relative;background-position:center center; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; background-size:cover; width:283px; margin:10px;}
.main .proList li .aB{ width:100%;height:70px; position: absolute; background: rgba(0,0,0,0.5); overflow: hidden; left: 0; top:-70px; z-index: 5;-moz-transition: all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;transition:all 0.3s; }
.main .proList li .aB .m{ display:block; float:left; width:90px; text-align:center; line-height:35px; height:35px; background-color:#f1cb2e; color:#fff; font-size:14px; margin-left:41px; margin-top:17px; border-radius:35px;}
.main .proList li:hover .aB{ top:0;}
.main .proList li .spanT{ display:block; z-index:10; height:30px; line-height:30px; margin:auto; text-align:center;color:#666; font-size:14px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; background-color:; }
.main .proList li .spanT:hover{ color:#e0222c;}
.main .proList .product_time{ display:block; position:relative; line-height:30px; text-align:center;}
.main .proList .product_time span{ display:inline-block; padding:0 20px; color:#b7b7b7; font-size:13px; background-color:#fff; position:relative; z-index:10;}
.main .proList .product_time em{ display:block; position:absolute; z-index:1; left:50%; top:50%; height:0; border-top:1px solid #ddd; width:166px; margin-left:-83px;}


/**/
.main .news_list{ padding-top:20px;}
.main .news_list li{border-bottom: 1px dashed #e4e4e4; padding:15px;}
.main .news_list li .titleBox{}
.main .news_list li a{ color:#333; font-size:15px;}
.main .news_list li a:hover{ color:#dc2b21; text-decoration:underline;}
.main .news_list li .desc{ line-height: 22px;color: #999;  overflow: hidden; font-size:13px; margin-top:8px; padding:0 0 0 0px;}
.main .news_list li .lMore{ font-size:13px; color:#b7b7b7;}


.main .problom{}
.main .problom li{ padding:0 0 20px 40px; border-bottom:1px dashed #bbb; background:url(../images/wenDa.png) left top no-repeat; margin-top:20px;}
.main .problom li .desc{ height:56px; line-height:28px; overflow:hidden; margin-top:15px;}


/*联系我们*/
.ny_lxwm{ padding:40px 0; text-align:center;}
.ny_lxwm .p1{ color:#000; font-size:33px; padding-bottom:20px; font-weight:700;}
.ny_lxwm .p2{ line-height:40px; color:#333;}
.map{ height:450px; border-radius:5px; border:1px solid #ddd; overflow:hidden;}



/*webMap*/
.webMap{ padding-top:0px; color:#004fab; font-size:40px; padding-bottom:50px;}